<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>手机号</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<!--<link rel="stylesheet" href="themes/css/core.css">
		<link rel="stylesheet" href="themes/css/icon.css">
		<link rel="stylesheet" href="themes/css/home.css">-->

		<style type="text/css">
			/*修改首部导航栏文字颜色*/
			.aui-header-bg {
			    background-image: url(themes/img/bg/head_bgimg.jpg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: cover;
			}	
			.mui-title {
			    color: white;
			}
			.mui-action-back{
				color: #FFFFFF;
			}
			/*小标题样式*/
			 .small_banner{
			 	width: 100%;
			 	height: 40px;
			 	line-height: 40px;
			 	font-size: 14px;
			 	padding-left: 15px;
			 	margin-top: 15px;
			 	background-color: white;
			 	color: #777;
			 }
		
		   /*保存按钮样式*/
		  .save_btn{
		  	width: 70%;
		  	margin-left: 15%;
		  	height: 40px;
		  	line-height: 12px;
		  	margin-top: 15px;
		  }
		  /*年级选择下拉框样式*/
		 .nianji_selet{
		 	float: left;
		 	width: 60%;
		 	height: 43px;
		 	/*text-align: center;*/
		 	color: #777;
		 	line-height: 43px;
		 	/*background-color: darkcyan;*/
		 }
		 .mui-btn-danger{
			background-color: #FF5E53;
			border: 1px solid #da4644;
			border-radius: 3px;
			height: 38px;
			line-height: 38px;
		 }
		 .mui-btn-block{
		 	padding: 6px 12px;
		 }
		</style>
	</head>

	<body>
		
		<header id="header" class="mui-bar mui-bar-nav aui-header-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left back_btn"></a>
			<h1 class="mui-title">手机号</h1>
			<!--<a class="mui-btn mui-btn-blue mui-btn-link mui-pull-right" id="bianji">编辑</a>-->
		</header>
		<div class="mui-content">		
			<form id="frmMain">
		
				<div class="inpt_box mui-input-group" style="margin-top: 10px;">		
					<div class="mui-input-row">
						<label>手机号</label>
						<input type="text" id="phone" name="phone" disabled="" value="" maxlength="11">
					</div>				
				</div>
				
				<div style="margin: 35px auto;width: 90%;">
					<button onclick="javascript:location.href='bind-phone.html'" type="button" class="mui-btn mui-btn-success mui-btn-block">更换手机号</button>
					<div>
						<p>手机号作为账号的登录名</p>
					</div>
				</div>
			</form>
		</div>
		<script src="themes/js/jquery.min.js"></script>
		<script src="themes/js/aui.js" type="text/javascript" charset="utf-8"></script>	
		<script src="js/mui.min.js"></script>	
		<script>
			$(function(){
				var phone = localStorage.getItem("phone");
				$("#phone").val(phone);				
			});
			
			
		</script>	
		
	</body>

</html>